<!DOCTYPE HTML>
<html class="no-js">
<head>
<!-- Basic Page Needs
  ================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Clarkepartner.com</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<!-- CSS
  ================================================== -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="plugins/prettyphoto/css/prettyPhoto.css" rel="stylesheet" type="text/css">
<link href="plugins/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="plugins/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css">
<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="css/ie8.css" media="screen" /><![endif]-->
<!-- Color Style -->
<link class="alt" href="colors/color10.css" rel="stylesheet" type="text/css">
<link href="style-switcher/css/style-switcher.css" rel="stylesheet" type="text/css">
<!-- SCRIPTS
  ================================================== -->
<script src="js/modernizr.js"></script><!-- Modernizr -->
</head>
<body>
<!--[if lt IE 7]>
	<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<div class="body">
  <!-- Start Site Header -->
  <header class="site-header">
  <div class="top-header hidden-xs">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-6">
          <ul class="horiz-nav pull-left">
            <li class="dropdown"> <a data-toggle="dropdown"><i class="fa fa-user"></i> Login <b class="caret"></b></a>
              <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Agent Login</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="login.html">Login Page</a></li>
                    <!--<li class="dropdown-submenu">
                                                    <a href="#">Even More..</a>
                                                    <ul class="dropdown-menu">
                                                        <li><a href="#">3rd level</a></li>
                                                        <li><a href="#">3rd level</a></li>
                                                    </ul>
                                                </li>-->
                    <li class="divider"></li>
                    <li><a href="agents.html">Agent Page</a></li>
                    <li class="divider"></li>
                    <li><a href="my-properties.html">Agent Folder</a></li>
                  </ul>
                </li>
                <li class="divider"></li>
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Finance</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">Residential(.doc)</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Commercial(.doc)</a></li>
                    <li class="divider"></li>
                    <li><a href="#">SMB (small-medium business)(.doc)</a></li>
                  </ul>
                </li>
                <li class="divider"></li>
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Investment</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">Domestic (.doc)</a></li>
                    <li class="divider"></li>
                    <li><a href="#">International  (.doc)</a></li>
                  </ul>
                </li>
                <li class="divider"></li>
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Request Form</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">Buyer Form</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="login.html"><i class="fa fa-check-circle"></i> Register</a></li>
          </ul>
        </div>
        <div class="col-md-8 col-sm-6">
          <ul class="horiz-nav pull-right">
            <li><a href="http://instagram.com/" target="_blank"><i class="fa fa-instagram"></i></a></li>
            <li><a href="http://facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a></li>
            <li><a href="http://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="middle-header">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-8 col-xs-8">
          <h1 class="logo"> <a href="index.html"><img src="images/logo.png" alt="Logo"></a> </h1>
        </div>
        <div class="col-md-8 col-sm-4 col-xs-4">
          <div class="contact-info-blocks hidden-sm hidden-xs">
            <div> <i class="fa fa-phone"></i> Free Line For You <span>080 378678 90</span> </div>
            <div> <i class="fa fa-envelope"></i> Email Us <span>sales@clarkepartner.com</span> </div>
            <div> <i class="fa fa-clock-o"></i> Working Hours <span>09:00 to 17:00</span> </div>
          </div>
          <a href="#" class="visible-sm visible-xs menu-toggle"><i class="fa fa-bars"></i></a> </div>
      </div>
    </div>
  </div>
  <div class="main-menu-wrapper">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <nav class="navigation">
            <ul class="sf-menu">
              <li><a href="index.html">Home</a> 
                <!--  <ul class="dropdown">
                    <li><a href="index.html">Version 1</a></li>
                    <li><a href="index1.html">Version 2</a></li>
                  </ul> --> 
              </li>
             
              <li><a href="#">Buying</a>
                <ul class="dropdown">
                  <li><a href="#">10 Things Buyers should Know</a> </li>
                  <li><a href="#">Why Choose Clarke</a> </li>
                  <li><a href="Mortgage-Calculator.html">Mortgage Calculator</a> </li>
                </ul>
              </li>
              <li><a href="#">Selling</a>
                <ul class="dropdown">
                  <li><a href="#">10 Things  Sellers Should Know</a> </li>
                  <li><a href="#">What  Is Different About a Clarke Financial Partner Agent</a> </li>
                  <li><a href="#">Seller’s Estimate </a> </li>
                </ul>
              </li>
              <li><a href="#">Investing</a>
                <ul class="dropdown">
                  <li><a href="#">10 Things Investors should know </a></li>
                  <li><a href="#">Why Invest With Clarke </a></li>
                  <li><a href="#">Clarke Investment Programs </a></li>
                  <li><a href="#">ROI </a></li>
                </ul>
              </li>
              <li><a href="#">Services</a>
                <ul class="dropdown">
                  <li><a href="#">Financial Services</a></li>
                  <li><a href="#">Property Management </a></li>
                </ul>
              </li>
              <li><a href="#">Careers</a>
                <ul class="dropdown">
                  <li><a href="#">Agents</a> </li>
                  <li><a href="#">Partners</a> </li>
                  <li><a href="#">Employees</a> </li>
                </ul>
              </li>
              <li><a href="#">About Us</a>
                <ul class="dropdown">
                  <li><a href="#">Team & Partners </a> </li>
                  <li><a href="#">History & Mission </a> </li>
                  <li><a href="contact.html">Contact Us </a> </li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
</header>
  <!-- End Site Header -->
  <!-- Site Showcase -->
  <div class="site-showcase">
    <!-- Start Page Header -->
    <div class="parallax page-header" style="background-image:url(images/page-header1.jpg);">
          <div class="container">
              <div class="row">
                  <div class="col-md-12">
                      <h1>Our Agents</h1>
                  </div>
             </div>
         </div>
    </div>
    <!-- End Page Header -->
  </div>
  <!-- Start Content -->
  <div class="main" role="main">
      <div id="content" class="content full">
          <div class="container">
              <div class="row">
                  <div class="col-md-9">
                      <div class="block-heading">
                          <a href="register.html" class="btn btn-sm btn-primary pull-right">Become an agent <i class="fa fa-long-arrow-right"></i></a>
                          <h4><span class="heading-icon"><i class="fa fa-users"></i></span>All Agents</h4>
                      </div>
                    <div class="agents-listing">
                        <ul>
                          <li class="col-md-12">
                              <div class="col-md-4">
                                      <a href="agent-detail.html" class="agent-featured-image"> <img src="images/agent1.jpg" alt=""></a>
                              </div>
                              <div class="col-md-8">
                                      <div class="agent-info">
                                      <div class="counts"><strong>18</strong><span>Properties</span></div>
                                      <h3><a href="agent-detail.html">Brooklyn Coyle</a></h3>
                                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vehicula dapibus mauris, quis ullamcorper enim aliquet sed. Maecenas quis eget tellus dui. Vivamus condimentum egestas.</p>
                                  </div>
                                  <div class="agent-contacts clearfix">
                                          <ul>
                                          <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                          <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                          <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                          <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                                      </ul>
                                  </div>
                                  </div>
                              </li>
                          <li class="col-md-12">
                              <div class="col-md-4">
                                      <a href="agent-detail.html" class="agent-featured-image"> <img src="images/agent2.jpg" alt=""></a>
                              </div>
                              <div class="col-md-8">
                                      <div class="agent-info">
                                      <div class="counts"><strong>8</strong><span>Properties</span></div>
                                      <h3><a href="agent-detail.html">Ben Patel</a></h3>
                                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vehicula dapibus mauris, quis ullamcorper enim aliquet sed. Maecenas quis eget tellus dui. Vivamus condimentum egestas.</p>
                                  </div>
                                  <div class="agent-contacts clearfix">
                                          <ul>
                                          <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                          <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                          <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                          <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                                      </ul>
                                  </div>
                                  </div>
                              </li>
                          <li class="col-md-12">
                              <div class="col-md-4">
                                      <a href="agent-detail.html" class="agent-featured-image"> <img src="images/agent3.jpg" alt=""></a>
                              </div>
                              <div class="col-md-8">
                                      <div class="agent-info">
                                      <div class="counts"><strong>23</strong><span>Properties</span></div>
                                      <h3><a href="agent-detail.html">Emma Dumas</a></h3>
                                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vehicula dapibus mauris, quis ullamcorper enim aliquet sed. Maecenas quis eget tellus dui. Vivamus condimentum egestas.</p>
                                  </div>
                                  <div class="agent-contacts clearfix">
                                          <ul>
                                          <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                          <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                          <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                          <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                                      </ul>
                                  </div>
                                  </div>
                              </li>
                          <li class="col-md-12">
                              <div class="col-md-4">
                                      <a href="agent-detail.html" class="agent-featured-image"> <img src="images/agent4.jpg" alt=""></a>
                              </div>
                              <div class="col-md-8">
                                      <div class="agent-info">
                                      <div class="counts"><strong>5</strong><span>Properties</span></div>
                                      <h3><a href="agent-detail.html">Mia Kennedy</a></h3>
                                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vehicula dapibus mauris, quis ullamcorper enim aliquet sed. Maecenas quis eget tellus dui. Vivamus condimentum egestas.</p>
                                  </div>
                                  <div class="agent-contacts clearfix">
                                          <ul>
                                          <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                          <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                          <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                          <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                                      </ul>
                                  </div>
                                  </div>
                              </li>
                        </ul>
                    </div>
                    <ul class="pagination">
                      <li><a href="#"><i class="fa fa-chevron-left"></i></a></li>
                      <li class="active"><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">4</a></li>
                      <li><a href="#">5</a></li>
                      <li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
                    </ul>
                  </div>
                  <!-- Start Sidebar -->
                  <div class="sidebar right-sidebar col-md-3">
                      <div class="widget sidebar-widget">
                      <h3 class="widgettitle">Search Properties</h3>
                          <div class="full-search-form">
                              <form action="#">
                                <select name="propery type" class="form-control input-lg">
                                    <option selected>Type</option>
                                  <option>Villa</option>
                                  <option>Family House</option>
                                  <option>Single Home</option>
                                  <option>Cottage</option>
                                  <option>Apartment</option>
                                </select>
                                <select name="propery contract type" class="form-control input-lg">
                                    <option selected>Contract</option>
                                  <option>Rent</option>
                                  <option>Buy</option>
                                </select>
                                <select name="propery location" class="form-control input-lg">
                                    <option selected>Location</option>
                                  <option>New York</option>
                                </select>
                                <button type="submit" class="btn btn-primary btn-block"><i class="fa fa-search"></i> Search</button>
                            </form>
                          </div>
                    </div>
                    <div class="widget sidebar-widget featured-properties-widget">
                        <h3 class="widgettitle">Featured Properties</h3>
                        <ul class="owl-carousel owl-alt-controls1 single-carousel" data-columns="1" data-autoplay="no" data-pagination="no" data-arrows="yes" data-single-item="yes">
                          <li class="item property-block"> <a href="#" class="property-featured-image"> <img src="images/property1.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Rent</span> </a>
                            <div class="property-info">
                              <h4><a href="#">116 Waverly Place</a></h4>
                              <span class="location">NYC</span>
                              <div class="price"><strong>$</strong><span>2800 Monthly</span></div>
                            </div>
                          </li>
                          <li class="item property-block"> <a href="#" class="property-featured-image"> <img src="images/property2.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Buy</span> </a>
                            <div class="property-info">
                              <h4><a href="#">232 East 63rd Street</a></h4>
                              <span class="location">NYC</span>
                              <div class="price"><strong>$</strong><span>250000</span></div>
                            </div>
                          </li>
                          <li class="item property-block"> <a href="#" class="property-featured-image"> <img src="images/property3.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Buy</span> </a>
                            <div class="property-info">
                              <h4><a href="#">55 Warren Street</a></h4>
                              <span class="location">NYC</span>
                              <div class="price"><strong>$</strong><span>300000</span></div>
                            </div>
                          </li>
                          <li class="item property-block"> <a href="#" class="property-featured-image"> <img src="images/property4.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Rent</span> </a>
                            <div class="property-info">
                              <h4><a href="#">459 West Broadway</a></h4>
                              <span class="location">NYC</span>
                              <div class="price"><strong>$</strong><span>3100 Monthly</span></div>
                            </div>
                          </li>
                        </ul>
                    </div>
                  </div>  
              </div>
          </div>
      </div>
  </div>
  <!-- Start Site Footer -->
  <footer class="site-footer">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm-12 footer-widget widget">
          <h3 class="widgettitle">Contact Us</h3>
          <div class="padding-as25 lgray-bg">
            <p class="big">Nearby Street, Hudson Lane<br>
              PO Box. 908509<br>
              New York - USA</p>
            <p>Email us at <a href="mailto:sales@realspaces.com"><strong>sales@clarkepartner.com</strong></a> or Call us on <strong>080 378678 90</strong></p>
          </div>
        </div>
        <div class="col-md-3 col-sm-6 footer-widget widget">
          <h3 class="widgettitle">Useful Links</h3>
          <ul>
            <li><a href="submit.html">Add your listing</a></li>
            <li><a href="login.html">Become an agent</a></li>
            <li><a href="pricing.html">Pricing</a></li>
            <li><a href="about.html">About us</a></li>
            <li><a href="shortcodes.html">Theme features</a></li>
          </ul>
        </div>
        <div class="col-md-3 col-sm-6 footer-widget widget">
          <h3 class="widgettitle">Our Newsletter</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus. Donec facilisis fermentum sem, ac viverra ante luctus vel.</p>
          <form>
            <input type="email" name="email" id="email" placeholder="Enter your email" class="form-control">
            <input type="submit" name="submit" class="btn btn-primary btn-block btn-lg" value="Subscribe">
          </form>
        </div>
      </div>
    </div>
  </footer>
  <footer class="site-footer-bottom">
    <div class="container">
      <div class="row">
        <div class="copyrights-col-left col-md-6 col-sm-6">
          <p>&copy; 2014 Clarke. All Rights Reserved</p>
        </div>
        <div class="copyrights-col-right col-md-6 col-sm-6">
          <div class="social-icons"> <a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a> <a href="http://www.pinterest.com/" target="_blank"><i class="fa fa-pinterest"></i></a> <a href="https://plus.google.com/" target="_blank"><i class="fa fa-google-plus"></i></a> <a href="http://www.pinterest.com/" target="_blank"><i class="fa fa-youtube"></i></a> <a href="#"><i class="fa fa-rss"></i></a> </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- End Site Footer -->
  <a id="back-to-top"><i class="fa fa-angle-double-up"></i></a>
</div>
<script src="js/jquery-2.0.0.min.js"></script> <!-- Jquery Library Call --> 
<script src="plugins/prettyphoto/js/prettyphoto.js"></script> <!-- PrettyPhoto Plugin --> 
<script src="plugins/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel --> 
<script src="plugins/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider --> 
<script src="js/helper-plugins.js"></script> <!-- Plugins --> 
<script src="js/bootstrap.js"></script> <!-- UI --> 
<script src="js/waypoints.js"></script> <!-- Waypoints --> 
<script src="js/init.js"></script> <!-- All Scripts -->  
<script src="style-switcher/js/jquery_cookie.js"></script> 
<script src="style-switcher/js/script.js"></script>
<!-- Style Switcher Start -->
</body>
</html>